.clear::after {
    content: '';
    clear: both;
    display: block;
}

body,
#naviga>ul,
input {
    margin: 0;
    padding: 0;
}

#naviga {
    background-color: rgb(93, 128, 253);
    float: left;
    width: 8%;
    color: white;
    /* float: left; */
}

#logo {
    width: 100%;
}

#logo>img {
    display: block;
    width: 80%;
    margin: auto;
}

li {
    list-style-type: none;
    text-align: center;
    cursor: pointer;
}

#tushu>li,
#user>li {
    height: 50px;
    line-height: 50px;
}

#tushu,
#user {
    height: 50px;
    overflow: hidden;
}

.icon-xiala {
    display: inline-block;
    transform: rotate(0deg);
}

#top {
    width: 92%;
    float: left;
    height: 50px;
    background-color: rgb(250, 250, 250);
}

#shot {
    width: 10%;
    float: right;
    height: 50px;
    cursor: pointer;
    position: relative;
}

#shot>img {
    width: 30%;
    margin-right: 10px;
    border-radius: 41px;
}

#shot>span:last-child {
    color: rgb(192, 196, 204);
}

#out {
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    width: 80px;
    height: 30px;
    position: absolute;
    right: 20%;
    top: 100%;
    z-index: 2;
    background-color: rgb(230, 230, 230);
    display: none;
}

#shot:hover>#out {
    display: block;
}

#out:hover {
    background-color: rgb(64, 158, 255);
    color: white;
}

#name {
    line-height: 50px
}

#main {
    float: left;
    width: 92%;
    background-color: rgb(232, 240, 253);
    padding: 12px 1%;
}

#main>div:first-child {
    background-color: rgb(255, 255, 255);
    padding-left: 10px;
    line-height: 50px;
}

#main>div:nth-child(2) {
    padding: 12px 12px 18px 12px;
    background-color: rgb(255, 255, 255);
    margin-top: 5px;
}

#opera {
    float: left;
}

#opera>button {
    width: 80px;
    height: 35px;
    margin: 0 5px;
    border: none;
    border-radius: 3px;
}

#opera>button:first-child {
    background-color: rgb(83, 168, 255);
    color: white;
}

#opera>button:last-child {
    background-color: rgb(251, 251, 251);
    color: rgb(209, 209, 209);
}

#enquiry {
    float: right;
}

#enquiry>input {
    height: 35px;
    border: 1px solid rgb(238, 238, 238);
}

#enquiry>input::-webkit-input-placeholder {
    color: rgb(204, 204, 204);
}

#enquiry>input:hover {
    border-color: rgb(83, 168, 255);
}

#enquiry>button {
    width: 45px;
    height: 35px;
    background-color: rgb(83, 168, 255);
    color: white;
    border: none;
}

.table {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    color: rgb(102, 102, 102);
}

.table>thead {
    background-color: rgb(250, 250, 250);
}

.table th,
.table td {
    text-align: center;
    border: 1px solid rgb(238, 238, 238);
}

#yema {
    background-color: rgb(255, 255, 255);
    padding: 15px;
}

#yema>ul {
    float: right;
    margin: 0 15px 0 0;
}

#eachPage {
    float: right;
    margin-left: 20px;
}

.dropdown-menu>li {
    line-height: 34px;
}

.dropdown-menu>li:hover {
    background-color: rgb(212, 212, 212);
}

.pagination>li>a,
.pagination>li>span {
    margin: 0 10px;
    color: rgb(214, 214, 214) !important;
}

.change,
.del {
    color: rgb(64, 158, 255);
    cursor: pointer;
}